All files / src/app/posts posts.component.ts

100% Statements 12/12
100% Branches 2/2
100% Functions 7/7
100% Lines 11/11

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34              1x 6x     6x       2x 1x         2x 2x 1x 1x       2x 1x        
import {Component, OnInit} from '@angular/core';
import {PostsService} from './posts.service';
 
@Component({
  template: `Posts component`,
  selector: 'app-posts'
})
export class PostsComponent implements OnInit {
  posts = []
  message: string
 
  constructor(private service: PostsService) {
  }
 
  ngOnInit(): void {
    this.service.fetch().subscribe(p => {
      this.posts = p
    })
  }
 
  add(title: string) {
    const post = { title }
    this.service.create(post).subscribe(p => {
      this.posts.push(p)
    }, err => this.message = err)
  }
 
  delete(id) {
    if (window.confirm('Are you sure?')) {
      this.service.remove(id).subscribe()
    }
  }
}